@charset "UTF-8";
* {
    margin: 0;
    padding: 0
}

html {
    width: 100%;
    overflow-x: hidden
}

body {
    width: 100%;
    color: #000;
    background-color: #fff;
    _height: 100%;
}

body, button, input, select, textarea {
    font: 12px/1.6 "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", Helvetica, Arial, serif;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #ff6767;
    text-decoration: underline
}

a:focus {
    outline: 0
}

ol, ul {
    list-style: none
}

i, b {
    font-style: normal
}

input, textarea {
    outline: 0;
    resize: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0;
    vertical-align: middle
}

.left {
    float: left
}

.right {
    float: right
}

.arrow {
    display: block;
    border: 5px dashed transparent;
    height: 0;
    width: 0;
    overflow: hidden
}

.none {
    display: none
}

.clear {
    zoom: 1;
}

.clear:after {
    clear: both;
    content: ' ';
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.w {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
    left: 0
}

.wrap .w {
    background-color: #fff;
    padding: 10px 0
}

.mt0 {
    margin-top: 0
}

.mt10 {
    margin-top: 10px
}

.mt16 {
    margin-top: 16px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb40 {
    margin-bottom: 40px
}

.grey {
    color: #999;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.fn {
    font-weight: normal;
}

.top-bar {
    height: 40px;
    background: #333;
    color: #999;
    top: 0;
    position: fixed;
    z-index: 10000;
    width: 100%;
    left: 0;
    min-width: 990px
}

.top-bar .w {
    position: relative;
    height: 40px
}

.top-bar a {
    color: #f1f1f1
}

.top-bar a:hover {
    color: #fff;
    text-decoration: none
}

.top-bar .bar-left {
    height: 40px;
}

.top-bar .bar-left li {
    float: left;
    height: 40px
}

.top-bar .bar-left li.ls a {
    width: 1px;
    background: #363636;
    padding: 0;
    height: 40px;
    overflow: hidden
}

.bar-link a, .top-bar .bar-left li a {
    font-size: 14px;
    color: #ccc;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-decoration: none;
    display: inline-block
}

.bar-link a:hover, .top-bar .bar-left li a:hover {
    color: #fff;
    background: #0D0D0D
}

.top-bar .bar-left li.ls a {
    width: 1px;
    background: #363636;
    padding: 0;
    height: 40px;
    overflow: hidden
}

.bar-info {
    position: relative
}

.bar-item {
    position: relative;
    float: left
}

.bar-text {
    width: auto;
    text-align: center;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    position: relative;
    z-index: 199011;
    cursor: pointer
}

.bar-box {
    background-color: #fff;
    position: absolute;
    z-index: 199010;
    width: 60px;
    top: 40px;
    right: 0;
    text-align: center;
    display: none
}

.bar-box li {
    height: 40px;
    line-height: 40px;
    background: #a9a9a9;
    display: block
}

.bar-box li.bar-box-item-0 {
    background: #585757
}

.bar-box li.bar-box-item-1 {
    background: #717070
}

.bar-box li.bar-box-item-2 {
    background: #7d7d7d
}

.bar-box li.bar-box-item-3 {
    background: #939393
}

.bar-box li.bar-box-item-4 {
    background: #9f9f9f
}

.bar-box li a {
    color: #f1f1f1;
    display: block;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bar-box li a:hover {
    color: #fff
}

.top-bar .on .bar-box {
    display: block
}

.bar-info .on .bar-text {
    background: rgba(0, 0, 0, .75);
    background: #000 \9
}

.bar-info .on .bar-text i {
    border: 5px dashed transparent;
    border-bottom: 5px solid #ccc;
    top: 10px
}

.bar-user .bar-text {
    width: auto;
    white-space: nowrap;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis
}

.bar-user .bar-text-userName {
    display: block;
    width: 60px
}

.bar-user .bar-text-userName a {
    display: block;
    width: 60px;
    height: 40px;
    position: relative;
    float: right
}

.bar-user .bar-text-userName img {
    border-radius: 50%;
    display: block;
    margin: 5px auto
}

.bar-user .bar-text-userName a span {
    background: #ff5565 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 9px;
    height: 13px;
    line-height: 13px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 2px;
    width: 13px;
    font-family: Helvetica, Arial, serif
}

.bar-login .bar-text a {
    display: block;
    line-height: 1em;
    font-size: 10px;
    width: 60px;
    text-align: center;
    height: 40px;
    float: right
}

.bar-login .bar-text a img {
    display: block;
    margin: 4px auto 2px
}

.bar-login .bar-box li {
    height: 44px;
    float: left;
    height: 44px;
    width: 60px
}

.bar-login .bar-box a {
    display: block;
    height: 44px;
    line-height: 1em;
    font-size: 10px
}

.bar-login .bar-box a img {
    display: block;
    margin: 6px auto 4px
}

.bar-login .bar-icon {
    position: absolute;
    left: 10px;
    width: 16px;
    height: 16px
}

.bar-login .bar-icon-qq {
    left: -2px;
    top: 11px
}

.bar-login .bar-text a.bar-loginreg {
    background: #f1f1f1;
    height: 30px;
    line-height: 30px;
    margin: 5px 15px 0 0;
    font-size: 14px;
    width: 85px;
    border-radius: 4px;
    color: #666
}

.bar-login .bar-text a.bar-loginreg:hover {
    color: #111
}

.bar-login .bar-box-reg {
    width: 95px
}

.bar-login .bar-box-reg li {
    width: 100%;
    height: 55px
}

.bar-login .bar-box-reg li a {
    font-size: 12px;
    height: 100%
}

.bar-tips {
    position: absolute;
    top: 50px;
    width: 150px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px
}

.bar-tips .arrow {
    position: absolute;
    left: 20px;
    border-width: 10px
}

.bar-tips i.arrow {
    top: -20px;
    border-bottom: 10px solid #ccc
}

.bar-tips b.arrow {
    top: -19px;
    border-bottom: 10px solid #fff
}

.top-bar .bar-tips a {
    color: #fd8712
}

.top-bar .bar-tips a:hover {
    text-decoration: underline
}

.top-bar .bar-tips a.close {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 18px;
    color: #000;
    height: 20px;
    line-height: 20px
}

.top-bar .bar-tips a.close:hover {
    background-color: #ccc;
    text-decoration: none
}

.bar-sign .bar-sign-text {
    display: block;
    height: 40px;
    background: #FFA859;
    line-height: 40px;
    text-align: center;
    width: 60px;
    color: #f1f1f1;
    float: right;
    font-size: 10px;
    line-height: 1em
}

.bar-sign .bar-sign-text img {
    display: block;
    margin: 4px auto 2px
}

.bar-sign-text-ok {
    cursor: default
}

.bar-sign-text-ing {
    background-image: url(../img/loading-16-16.gif);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -999999em;
    cursor: default
}

.bar-sign-box {
    width: 60px;
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    top: 40px;
    right: 0;
    line-height: 22px;
    display: none;
    text-align: center
}

.bar-sign-box h3 {
    display: none
}

.bar-sign-box p {
    background: #f9be78;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 12px;
    display: none
}

.bar-sign-box a {
    display: block;
    background: #fcc88a;
    height: 40px;
    line-height: 40px;
    color: #f1f1f1
}

.bar-sign-box a:hover {
    color: #fff
}

.bar-sign-tips {
    right: 0
}

.bar-sign-tips i.arrow {
    left: auto;
    right: 18px
}

.bar-sign-tips b.arrow {
    left: auto;
    right: 18px
}

.bar-message-tips {
    right: 20px
}

.bar-message-tips p {
    display: none
}

.bar-item, .bar-tips {
    display: none
}

.bar-loading {
    display: block;
    background: url(../img/loading-16-16.gif) no-repeat center;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    width: 50px
}

.bar-isLogin .bar-add, .bar-isLogin .bar-message, .bar-isLogin .bar-sign, .bar-isLogin .bar-user {
    display: block
}

.bar-isLogin .bar-loading {
    display: none
}

.bar-isLogin .on .bar-sign-box {
    display: block
}

.bar-noLogin .bar-add, .bar-noLogin .bar-link, .bar-noLogin .bar-login, .bar-noLogin .bar-sign {
    display: block
}

.bar-noLogin .bar-loading {
    display: none
}

.bar-center {
    display: none
}

.bar-add .bar-text {
    background: #59C3D1;
    color: #f1f1f1;
    width: 60px;
    line-height: 1em;
    font-size: 10px;
    padding: 0
}

.bar-add .bar-text:hover {
    color: #fff
}

.bar-add .bar-text img {
    display: block;
    margin: 4px auto 2px
}

.bar-add.on .bar-text {
    background: #59c3d1;
    color: #fff
}

.bar-add .bar-box li.bar-box-item-0 {
    background: #8ecdd8
}

.bar-add .bar-box li.bar-box-item-1 {
    background: #a6dfea
}

.bar-add .bar-box li.bar-box-item-2 {
    background: #adecf8
}

.bar-add .bar-box li {
    background: #ff9f4d
}

.bar-add .bar-box li a {
    color: #f1f1f1
}

.bar-add .bar-box li a:hover {
    color: #fff
}

.mini-login {
    width: 380px;
    padding: 26px 0;
    text-align: left;
    line-height: 18px;
    font-size: 12px
}

.mini-li {
    padding: 0 20px 10px;
    vertical-align: top
}

.mini-error {
    height: 24px;
    display: none
}

.mini-error p {
    border: 1px solid #f05000;
    line-height: 22px;
    height: 22px;
    color: #333;
    background-color: #fff7f2;
    padding-left: 16px
}

.mini-label {
    font-size: 14px;
    color: #111;
    display: block;
    padding-bottom: 10px
}

.mini-text {
    border: 1px solid #ccc;
    height: 16px;
    line-height: 16px;
    padding: 6px;
    background-color: #fff;
    color: #333;
    width: 326px
}

.mini-text:focus {
    border-color: #f05000
}

.mini-input {
    background-color: #f50;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: 0;
    border-radius: 2px;
    width: 340px;
    cursor: pointer;
    font-size: 14px
}

.mini-input:hover {
    background-color: #f05000
}

.mini-auto {
    padding-bottom: 30px;
    height: 18px;
    line-height: 18px
}

.mini-auto label {
    cursor: pointer;
    padding-left: 6px;
    color: #666;
    vertical-align: top
}

#m-auto {
    margin-top: 3px
}

.mini-reg {
    text-align: right;
    padding-bottom: 20px
}

.mini-auto a, .mini-reg a {
    color: #369
}

.mini-other {
    border-top: 1px solid #f2f2f2;
    padding-top: 20px;
    color: #111;
    font-size: 14px;
    padding-bottom: 0
}

.mini-other-box {
    padding-top: 10px
}

.mini-other-box a {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 16px
}

.J_renderLogin span {
    float: left
}

#J_barUserName {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right
}

.logo_wrap {
    padding-top: 40px;
    height: 60px;
    overflow: hidden
}

.logo_wrap .logo_search {
    padding-top: 18px
}

.logo_wrap .logo_search .search_Text {
    width: 212px;
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
    height: 20px;
    line-height: 20px;
    padding: 3px
}

.logo_wrap .logo_search .search_Btn {
    border-radius: 0 3px 3px 0;
    width: 80px;
    height: 28px;
    background: #5c5c5c url(../img/search_18.png) no-repeat 12px center;
    font-size: 14px;
    color: #fff;
    text-indent: 35px;
    line-height: 26px
}

.logo_wrap .logo_search .search_Btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ba2020
}

.logo_wrap .logo_inner {
    width: 145px;
    background: url(../img/logo_1.png) no-repeat scroll left center;
    background: url(../img/logo_2016.png) no-repeat scroll left center/145px auto
}

.logo_wrap .logo_current {
    border-left: 1px solid #ddd;
    height: 30px;
    line-height: 28px;
    margin: 16px 0 0 10px;
    padding: 0 0 0 10px
}

.logo_wrap .logo_inner a {
    display: block;
    height: 60px;
    overflow: hidden;
    text-indent: -9999em
}

.logo_wrap .logo_current a {
    color: #ba2020;
    font-size: 26px;
}

.nav_wrap {
    height: 40px;
    line-height: 40px;
    background-color: #ba2020;
    z-index: 1
}

.nav_wrap li {
    float: left
}

.nav_wrap a {
    display: block;
    padding: 0 28px;
    font-size: 16px;
    color: #fff
}

.nav_wrap a.on, .nav_wrap a:hover {
    text-decoration: none;
    background-color: #a21f25;
    color: #fff
}

.nav_wrap .right {
    float: right;
    position: relative
}

.nav_wrap .right a {
    font-size: 14px
}

.nav_wrap .right i {
    position: absolute;
    width: 20px;
    height: 18px;
    background: url(../img/sprite_common.png) no-repeat -71px -206px;
    left: 7px;
    top: 10px
}

.gay {
    color: #ccc
}

.logo_wrap2 {
    overflow: visible;
    padding-top: 50px;
    height: 70px;
    margin: auto;
    width: 990px
}

.logo_wrap2 .logo_search {
    padding-top: 18.5px
}

.logo_wrap2 .logo_search .search_Text {
    width: 160px;
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 3px 0 0 3px;
    height: 20px;
    line-height: 20px;
    padding: 3px
}

.logo_wrap2 .logo_search .search_Btn {
    border-radius: 0 3px 3px 0;
    width: 80px;
    height: 28px;
    font-size: 14px;
    color: #fff;
    text-indent: 35px;
    line-height: 28px;
    background: #999 url(../img/search.gif) no-repeat 12px center;
    background: #999 url(../img/search.png) no-repeat scroll 12px center/16px auto
}

.logo_wrap2 .logo_search .search_Btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ff6767
}

.logo_nav {
    float: right;
    padding: 0 40px 0 0;
    height: 60px
}

.logo_nav a {
    position: relative;
    float: left;
    padding: 0 10px 5px;
    font-size: 20px;
    line-height: 60px
}

.logo_nav a b, .logo_nav a i {
    display: none
}

.logo_nav a.on i {
    display: block
}

.logo_nav a.on {
    color: #ff6767
}

.logo_nav a:hover {
    color: #ff6767;
    text-decoration: none
}

.logo_nav a.on i {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin-left: -9px;
    width: 0;
    height: 0;
    border: 9px dashed transparent;
    border-bottom: 9px solid #ff6767
}

.logo_nav a.on b {
    position: absolute;
    bottom: -1.3px;
    left: 50%;
    z-index: 2;
    display: block;
    overflow: hidden;
    margin-left: -9px;
    width: 0;
    height: 0;
    border: 9px dashed transparent;
    border-bottom: 9px solid #fff
}

.logo_nav span.linespan {
    float: left;
    height: 18px;
    margin: 23px 4px 0;
    border-right: 1px solid #ddd;
}

.nav_wrap2 li {
    float: left;
    padding: 0 10px
}

.nav_wrap2 a {
    display: block;
    padding: 0 3px;
    height: 34px;
    font-size: 14px;
    line-height: 34px
}

.nav_wrap2 a.on {
    color: #ff6767
}

.nav_wrap2 a:hover {
    color: #ff6767;
    text-decoration: none
}

.nav_wrap2 .right {
    float: right;
    position: relative
}

.logo_wrap2 .logo_inner {
    width: 70px;
    height: 70px;
    background: url(../img/mufenglogo.png) no-repeat scroll left;
    background-size: 70px;

}

.logo_wrap2 .logo_current {
    height: 30px;
    line-height: 30px;
    margin: 15px 0 0 10px;
    padding: 0 0 0 10px
}

.logo_wrap2 .logo_inner a {
    display: block;
    height: 70px;
    overflow: hidden;
    text-indent: -9999em
}

.logo_wrap2 .logo_current a {
    background: #FF838B;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: normal;
    padding: 0 10px
}

.logo_wrap2 .logo_current a:hover {
    background: #FF6767;
    text-decoration: none;
}

a.myadmin {
    position: absolute;
    top: 0;
    right: 0
}

a.myadmin:hover {
    background: 0
}

.top-bar .nr3 {
    display: block;
    position: relative;
    font-size: 10px;
    color: #f1f1f1;
    width: 60px;
    text-align: center;
    line-height: 1em;
    background: #FE5761;
    float: right;
    height: 100%
}

.top-bar .nr3 img {
    display: block;
    margin: 4px auto 2px
}

.top-bar .nr3 .code {
    display: none;
    margin: 0;
    position: absolute;
    top: 45px;
    right: 5px;
    width: 100px;
}

.top-bar .nr3:hover .code {
    display: block
}

a.top_bar_logo i {
    display: block;
    float: left;
    width: 55px;
    height: 14px;
    margin: 13px 10px 0 0;
    text-indent: -9999em;
    background: url(../img/top-bar55.png) no-repeat;
}

a.top_bar_logo:hover i {
    background: url(../img/top-bar55.png) no-repeat scroll 0 -14px;
}

.top_bar_more {
    position: relative;
    width: 30px;
    cursor: pointer;
}

.top_bar_more:hover {
    background: #0D0D0D
}

.top_bar_more:hover div {
    display: block;
}

.top_bar_more:hover i {
    border-top: 6px solid #fff;
}

.top_bar_more div {
    display: none;
    background: #333;
    left: -36px;
    position: absolute;
    text-align: center;
    top: 40px;
}

.top_bar_more div a {
    width: 66px;
}

.top_bar_more i {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    border: 4px dashed transparent;
    border-top: 6px solid #ccc;
    margin: 18px auto 0
}

.footer-area {
    padding: 10px 0
}

.footer-area .w {
    padding-top: 10px;
    border-top: 1px solid #e8e8e8
}

.footer-area a {
    color: #666
}

.footer-area a:hover {
    color: #ff6767
}

.ft1 {
    clear: none;
    float: left;
    font-size: 11px;
    color: #666;
    width: 680px;
    padding-top: 10px
}

.ft1 .c3b {
    color: #c90;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px
}

.ft1 .c3b a {
    color: #f50
}

.ft1 .c3c {
    color: #aaa;
    font-size: 12px;
    margin-bottom: 6px
}

.ft2, .ft3, .ft4 {
    clear: none;
    float: right;
    text-align: center
}

.ft3 {
    margin: 0 25px
}

/*lib/ui-common.css,*/
.imgLoad {
    display: block;
    background: #f8f8f8
}

.icon1 {
    background: url('../img/sprite_icons1.png') no-repeat;
    _background-image: url('../img/sprite_icons1_ie6.png');
    overflow: hidden
}

.ui-page {
    clear: both;
    overflow: hidden;
    line-height: 34px;
    height: 36px;
    font-size: 0;
    text-align: center;
}

.ui-page-inner {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.ui-page a, .ui-page span {
    font-size: 14px;
    margin-right: 5px;
    padding: 0 11px;
    border: 1px solid #eeeeee;
    vertical-align: top;
    color: #999;
    background-color: #f8f8f8;
    float: left
}

.ui-page a:hover {
    text-decoration: none;
    color: #ff6767;
    border-color: #ff6767
}

.ui-page .on, .ui-page .now_page, .ui-page .on:hover, .ui-page .now_page:hover {
    border: 1px solid #ff6767;
    background-color: #ff6767;
    color: #fff;
    cursor: default
}

.ui-page .dot {
    border-width: 0;
    cursor: default;
    line-height: 30px;
    height: 36px
}

.ui-page .prev, .ui-page .next {
    font-size: 30px;
    font-weight: bold;
}

.ui-page-btn-inner {
    display: inline;
    font-size: 14px;
    vertical-align: top;
    padding-left: 10px
}

.ui-page-btn-inner i {
    font-style: normal;
    *vertical-align: 3px
}

.ui-page-text {
    background-color: #fff;
    width: 40px;
    border: 1px solid #ccc;
    vertical-align: top;
    height: 16px;
    line-height: 16px;
    padding: 3px 0;
    text-align: center;
    *padding: 2px 0
}

.ui-page-btn {
    width: 50px;
    height: 24px;
    line-height: 24px;
    border: 0;
    background-color: #ccc;
    cursor: pointer
}

.ui-page-btn:hover {
    background-color: #999
}

.msc-dialog-tips-icon {
    background-image: url(../img/dialog-sprite-v1.png);
    background-repeat: no-repeat
}

.ui-dialog-close {
    background-image: url(../img/close.png);
    background-repeat: no-repeat
}

.ui-dialog-outer {
    text-align: left;
    outline: 0;
    font-size: 14px
}

.ui-dialog-border {
    border: 0 none;
    margin: 0;
    border-collapse: collapse
}

.ui-dialog-content {
    height: 100%
}

.ui-dialog-title-outer {
    position: relative
}

.ui-dialog-title {
    font-size: 18px;
    overflow: hidden;
    cursor: default;
    height: 45px;
    line-height: 45px;
    padding: 0 28px 0 20px;
    background-color: #ff6767;
    color: #fff
}

.ui-dialog-close {
    display: block;
    outline: 0;
    position: absolute;
    overflow: hidden;
    right: 10px;
    top: 12px;
    height: 20px;
    width: 20px;
    text-indent: -9999em;
    cursor: pointer
}

.ui-dialog-close:hover {
    text-decoration: none;
    background-position: -20px 0
}

.ui-dialog-loading {
    width: 80px;
    height: 50px;
    overflow: hidden;
    background: url(../img/loading-32-32.gif) no-repeat 30px center;
    line-height: 50px;
    padding-left: 80px;
    font-size: 16px
}

.ui-dialog-buttons {
    padding: 20px;
    text-align: center;
    white-space: nowrap;
    font-size: 0
}

.ui-dialog-button {
    margin-left: 15px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 25px;
    width: auto;
    min-width: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    color: #666;
    outline: 0;
    font-size: 14px
}

.ui-dialog-buttons a:first-child {
    margin-left: 0
}

.ui-dialog-button:hover {
    text-decoration: none;
    color: #666
}

.ui-dialog-button-disabled, .ui-dialog-button-disabled:active, .ui-dialog-button-disabled:hover {
    cursor: default;
    color: #666;
    background: #ddd;
    border-color: #999;
    filter: alpha(opacity=50);
    opacity: .5;
    text-decoration: none
}

.ui-dialog-button-on {
    background-color: #ff6767;
    color: #fff;
    border-color: #ff6767
}

.ui-dialog-button-on:hover {
    color: #fff;
    text-decoration: none;
}

.ui-dialog-mask {
    background-color: #000;
    filter: alpha(opacity=30);
    opacity: .3
}

.ui-dialog-inner {
    background: #FFF;
    border: 1px solid #bab0b8
}

.ui-dialog-noTitle .ui-dialog-title {
    display: none
}

.ui-dialog-noTitle .ui-dialog-close {
    background-position: 0 0
}

.ui-dialog-noTitle .ui-dialog-close:active, .ui-dialog-noTitle .ui-dialog-close:hover {
    background-position: -20px 0
}

@media screen and (min-width: 0) {
    .ui-dialog-outer {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out
    }

    .ui-dialog-visible {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.msc-dialog-alert .ui-dialog-content {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px
}

.msc-dialog-alert .ui-dialog-noTitle .ui-dialog-content {
    padding-top: 40px
}

.msc-dialog-alert .ui-dialog-content h3 {
    font-size: 16px;
    color: #111
}

.msc-dialog-alert .ui-dialog-content p {
    color: #999;
    font-size: 12px
}

.msc-dialog-alert .ui-dialog-inner {
    border: 0
}

.msc-dialog-tips .ui-dialog-border {
    border-color: #ccc
}

.msc-dialog-tips .ui-dialog-content {
    padding: 16px 30px 16px 38px;
    color: #333
}

.msc-dialog-tips .ui-dialog-title-outer {
    display: none
}

.msc-dialog-tips-icon {
    position: absolute;
    left: 16px;
    top: 20px;
    overflow: hidden;
    display: block;
    width: 16px;
    height: 16px
}

.msc-dialog-tips-success-icon {
    background-position: 0 -110px
}

.msc-dialog-tips-warning-icon {
    background-position: 0 -94px
}

.msc-dialog-tips-error-icon {
    background-position: 0 -78px
}

.msc-dialog-loading .ui-dialog-header {
    display: none
}

.ui-smilies {
    overflow: hidden;
    left: -99999px;
    position: absolute;
    border: 1px solid #aaa;
    width: 400px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    text-shadow: 0 1px 0 #fff;
    border-radius: 3px;
    height: 160px;
    background: url(../img/loading-32-32.gif) no-repeat center center #fff;
    z-index: 999
}

.ui-smilies .ui-smilies-no {
    height: 100%;
    width: 100%;
    background-color: #fff;
    text-align: center;
    line-height: 160px
}

.ui-smilies-nav {
    width: 119px;
    position: absolute;
    top: 0;
    left: 0;
    height: 159px;
    overflow-y: auto;
    background: #f8f8f8;
    border-right: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    overflow-x: hidden
}

.ui-smilies-nav li {
    color: #999;
    display: block;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
    background: -moz-linear-gradient(top, #fff 0, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #fff 0, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #fff 0, #e9e9e9 100%);
    background: linear-gradient(top, #fff 0, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0);
    cursor: pointer;
    line-height: 30px;
    text-align: center
}

.ui-smilies-nav li:hover {
    background: #f0f0f0;
    text-decoration: none
}

.ui-smilies-nav li.on {
    color: #666;
    background: #e3e3e3;
    filter: none;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .1)
}

.ui-smilies-content {
    padding: 10px 5px;
    height: 140px;
    margin-left: 125px;
    overflow-y: auto;
    background-color: #fff
}

.ui-smilies-content li {
    float: left;
    overflow: hidden;
    width: 26px;
    height: 26px;
    text-align: center;
    cursor: pointer
}

.ui-smilies-noNav .ui-smilies-content {
    margin-left: 0
}

.ui-checkbox {
    display: block;
    position: absolute;
    left: -9999em
}

.ui-checkbox-for {
    display: block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background-position: 0 -36px;
    cursor: pointer
}

.ui-checkbox-for:hover {
    background-position: 0 -51px
}

.ui-checkbox-for-on, .ui-checkbox-for-on:hover {
    background-position: 0 -66px
}

.ui-checkbox:checked + .ui-checkbox-for {
    background-position: 0 -66px
}

.ui-select {
    display: inline-block;
    line-height: 28px;
    margin-right: 5px;
    vertical-align: top
}

.ui-select-tit a {
    background-color: #fff;
    display: block;
    padding: 0 25px 0 10px;
    height: 28px;
    border: 1px solid #d2d2d2;
    position: relative;
    transition: border-color .3s;
    overflow: hidden;
    color: #333;
    text-decoration: none;
    outline: 0
}

.ui-select-tit b {
    width: 25px;
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    cursor: pointer;
    padding: 0
}

.ui-select-tit i {
    height: 0;
    width: 0;
    position: absolute;
    right: 5px;
    top: 12px;
    border: 6px dashed transparent;
    border-top: 6px solid #999;
    overflow: hidden;
    padding: 0
}

.ui-select-ul {
    position: absolute;
    top: 29px;
    left: 0;
    border: 1px solid #999;
    overflow: hidden;
    background-color: #fff;
    overflow-y: auto;
    display: none;
    zoom: 1
}

.ui-select-item {
    height: 28px;
    padding-left: 10px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ui-select-item:hover {
    background-color: #e9e9e9
}

.ui-select-hover:hover a b {
    background-color: #eaf3fc
}

.ui-select-hover:hover a i {
    border-top-color: #000
}

.ui-select-hover:hover a {
    border-color: #7eb4ea;
    box-shadow: 0 0 10px #ccc;
    color: #333;
    text-decoration: none
}

.ui-select-show {
    position: relative;
    z-index: 100
}

.ui-select-show .ui-select-ul {
    display: block
}

.ui-select-disabled {
    border-color: #ccc;
    cursor: default
}

.ui-select-disabled a, .ui-select-disabled a:hover {
    color: #999;
    cursor: default;
    background-color: #f3f3f3;
    text-decoration: none
}

.ui-select-li-on {
    cursor: default;
    background-color: #e0e0e0
}

.ui-upload {
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    left: -999px
}

.ui-upload input {
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 50px;
    width: 1000px;
    height: 1000px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.ui-uploadImg {
    height: 360px;
    width: 780px;
    padding: 20px
}

.ui-uploadImg-list {
    height: 320px;
    overflow: hidden
}

.ui-uploadImg-list ul {
    margin-right: -40px;
    overflow: hidden
}

.ui-uploadImg-list li {
    float: left;
    width: 140px;
    height: 140px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.ui-uploadImg .subtitle {
    z-index: 100;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    background-color: #000 \9;
    filter: alpha(opacity=50) \9;
    color: #fff
}

.ui-uploadImg .subprogress {
    height: 24px;
    bottom: 0;
    width: 0;
    left: 0;
    position: absolute;
    background-color: red;
    z-index: 99
}

.ui-uploadImg .subtools {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.ui-uploadImg .subtools span {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    height: 22px;
    line-height: 22px;
    -wekit-transition: top .3s;
    transition: top .3s
}

.ui-uploadImg .subtools .success {
    background-color: #09f;
    width: 40px;
    z-index: 8
}

.ui-uploadImg .subtools .delete {
    background-color: #000;
    width: 40px;
    top: -22px;
    cursor: pointer;
    z-index: 10
}

.ui-uploadImg li:hover span.delete {
    top: 0
}

.ui-uploadImg .subtools .error {
    width: 100%;
    background-color: red;
    z-index: 9
}

.ui-uploadImg-list .ui-webkit-scrollbar {
    height: 300px;
    width: 780px;
    overflow: hidden;
    overflow-y: auto;
    position: relative
}

.ui-uploadImg-list .last {
    background: url(../img/add.jpg) no-repeat 0 0;
    position: relative
}

.ui-uploadImg .ui-btn-red-2 {
    text-decoration: none;
    margin-right: 10px
}

#spanSWFUploadButton {
    width: 140px;
    height: 140px
}

.ui_btn_blue, .ui_btn_gray {
    padding: 0 16px;
    border-radius: 3px;
    color: #fff;
    outline: 0;
    display: inline-block;
    height: 24px;
    line-height: 23px;
    border: 0;
    cursor: pointer;
    vertical-align: top;
    text-align: center;
    font-size: 14px
}

.ui_btn_blue {
    background-color: #6599ff
}

.ui_btn_blue:hover {
    background-color: #39f;
    text-decoration: none;
    color: #fff
}

.ui_btn_gray, .ui_btn_gray:hover {
    background-color: #e8e8e8;
    color: #000;
    text-decoration: none
}

.ui-btn-blue, .ui-btn-gray, .ui-btn-gray-2, .ui-btn-red, .ui-btn-red-2 {
    padding: 0 16px;
    border-radius: 3px;
    outline: 0;
    display: inline-block;
    border: 0;
    cursor: pointer;
    vertical-align: top;
    text-align: center
}

.ui-btn-blue, .ui-btn-gray, .ui-btn-red {
    height: 24px;
    line-height: 23px;
    font-size: 14px
}

.ui-btn-blue-2, .ui-btn-gray-2, .ui-btn-red-2 {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    padding: 0 30px
}

.ui-btn-blue {
    background-color: #6599ff;
    color: #fff
}

.ui-btn-blue:hover {
    background-color: #39f;
    color: #fff
}

.ui-btn-red, .ui-btn-red-2 {
    background-color: #ba2020;
    color: #fff
}

.ui-btn-red-2:hover, .ui-btn-red:hover {
    background-color: #a40000;
    color: #fff
}

.ui-btn-gray, .ui-btn-gray-2 {
    background-color: #f2f2f2;
    color: #333
}

.ui-btn-gray:hover {
    background-color: #f2f2f2;
    color: #666
}

.ui-btn-gray-2 {
    border: 1px solid #d2d2d2;
    height: 38px;
    line-height: 38px
}

.ui-btn-gray-2:hover {
    background-color: #eee;
    color: #333
}

.ui-webkit-scrollbar::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    margin-right: 2px
}

.ui-webkit-scrollbar::-webkit-scrollbar-thumb {
    background-color: #c9c9c9;
    border-radius: 5px;
    width: 8px
}

.ui-webkit-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #b5b5b5
}

.ui-placeholder {
    position: absolute;
    display: none;
    color: #8e8e8e;
    z-index: 99999;
    font-size: 14px;
    top: -999em;
    overflow: hidden
}

.ui-placeholder-focus {
    color: #999
}

/*lib/goTop.css*/
.fixed-footer {
    position: fixed;
    bottom: 10px;
    left: -9999px;
    z-index: 102410;
    height: 58px
}

.fixed-footer-go, .fixed-footer-weixin {
    background: url(../img/goTop.png) no-repeat 0 0;
    background: url(../img/gotop.png) no-repeat scroll center center / 58px 58px;
}

.fixed-footer-go {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    width: 58px;
    height: 58px
}

.fixed-footer-go:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}

.fixed-footer-weixin {
    display: none
}

/*lib/footer.css?v=201606211*/
.link_me_app a, .link_me_follow a {
    background: url('../img/sprite_common.png') no-repeat 0 0;
    _background-image: url('../img/sprite_common_ie6.png')
}

.help_wrap {
    background-color: #f5f5f5;
    padding: 20px 0
}

.site_box {
    line-height: 22px
}

.site_box a, .site_box dd {
    color: #666
}

.site_box dl {
    width: 140px;
    float: left
}

.like_me {
    width: 350px;
    float: right
}

.like_me p {
    color: #f60;
    padding-bottom: 10px;
    font-size: 14px
}

.link_me_app {
    height: 70px
}

.link_me_app a {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 15px;
    overflow: hidden;
    text-indent: -9999em
}

.link_me_app .a_app {
    background-position: -71px -50px
}

.link_me_app .a_icate {
    background-position: -71px -100px
}

.link_me_app .a_wap {
    background-position: -71px -150px
}

.link_me_app .a_hd {
    background-position: -71px 0
}

.link_me_follow {
    height: 24px
}

.link_me_follow a {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    overflow: hidden;
    text-indent: -999em;
    background-position: -30px 0
}

.link_me_follow .f_sina {
    background-position: -30px 0
}

.link_me_follow .f_sina:hover {
    background-position: 0 0
}

.link_me_follow .f_t {
    background-position: -30px -30px
}

.link_me_follow .f_t:hover {
    background-position: 0 -30px
}

.link_me_follow .f_qzone {
    background-position: -30px -60px
}

.link_me_follow .f_qzone:hover {
    background-position: 0 -60px
}

.link_me_follow .f_sohu {
    background-position: -30px -210px
}

.link_me_follow .f_sohu:hover {
    background-position: 0 -210px
}

.link_me_follow .f_douban {
    background-position: -30px -270px
}

.link_me_follow .f_douban:hover {
    background-position: 0 -270px
}

.link_me_follow .f_renren {
    background-position: -30px -180px
}

.link_me_follow .f_renren:hover {
    background-position: 0 -180px
}

.link_me_follow .f_mail {
    background-position: -30px -150px
}

.link_me_follow .f_mail:hover {
    background-position: 0 -150px
}

.link_me_follow .f_mail2 {
    background-position: -30px -120px
}

.link_me_follow .f_mail2:hover {
    background-position: 0 -120px
}

.footer-info {
    background-color: #f5f5f5;
    color: #666
}

.footer-info .w {
    padding: 10px 0;
    border-top: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
}

.footer-info a {
    color: #666
}

.footer-info a:hover {
    color: #fd8712
}

.w_help {
    background-color: #f5f5f5;
    padding: 20px 0
}

.w_help, .w_help a {
    color: #555
}

.w_help a:hover {
    color: #ba2020
}

.w_help ul {
    line-height: 22px
}

.w_help h5 {
    font-size: 14px;
    padding: 0 0 5px;
    color: #333
}

.w_help h5 a:link {
    color: #000
}

.w_help_1 {
    float: left;
    width: 140px
}

.w_help_2 {
    float: left;
    width: 160px;
    padding: 0 20px 0 55px
}

.w_help_2 li {
    float: left;
    width: 80px
}

.w_help_3 {
    float: left;
    width: 240px;
    padding: 0 20px 0 55px
}

.w_help_3 li {
    float: left;
    width: 80px
}

.w_help_3 li.short {
    width: 68px
}

.w_help_4 {
    float: right;
    margin: 0 58px 0 0
}

.w_help_4 li {
    float: left;
    width: 82px;
    text-align: center;
    padding: 5px 0
}

.w_help_4 li.ddr {
    margin: 0 0 0 40px
}

/**/
a:focus {
    outline: 0
}

.mo {
    font-size: 20px;
    color: #ff6767;
    font-size: 20px;
    line-height: 20px;
    padding: 20px 0 20px 25px;
    background: rgba(0, 0, 0, 0) url(../img/mo.png) no-repeat scroll left center
}

.mo * {
    color: #ff6767;
    font-weight: normal;
}

.mo a:hover {
    color: #ff6767;
    text-decoration: none
}

#J_top_bar_user img.imgLoad {
    background: #f2f2f2 url("../img/loading-16-16.gif") no-repeat scroll center center;
}

textarea::-webkit-input-placeholder {
    color: #bbb;
}

textarea::-moz-placeholder {
    color: #bbb;
}

textarea:-ms-input-placeholder {
    color: #bbb;
}

input::-webkit-input-placeholder {
    color: #bbb;
}

input::-moz-placeholder {
    color: #bbb;
}

input:-ms-input-placeholder {
    color: #bbb;
}

/********/

.ui_title {
    height: 35px;
    border-bottom: 1px solid #eeeeee;
    position: relative
}

.ui_title_wrap {
    line-height: 30px;
    font-size: 20px
}

.ui_title_wrap h1, .ui_title_wrap h2, .ui_title_wrap h3 {
    float: left;
    font-weight: 400;
    display: inline-block;
    font-size: 20px;
    margin-right: 20px;
    color: #666;
    padding-bottom: 4px;
    outline: 0;
    color: #333;
    max-width: 100%;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui_title_wrap h1 a, .ui_title_wrap h2 a, .ui_title_wrap h3 a {
    color: #666
}

.ui_title_wrap h1.on, .ui_title_wrap h2.on, .ui_title_wrap h3.on {
    color: #ff6767;
    border-bottom: 3px solid #ff6767
}

.ui_title_wrap h1.on a, .ui_title_wrap h2.on a, .ui_title_wrap h3.on a {
    color: #ff6767
}

.ui_title_wrap a.on {
    color: #ff6767
}

.ui_title_wrap a {
    text-decoration: none
}

.ui_title_wrap .right {
    float: right;
    margin: 0 0 0 20px;
    font-size: 16px
}

.ui_no_data {
    font-size: 24px;
    text-align: center;
    padding: 100px 0 300px 0;
    color: #999
}

.ui_no_data a, .ui_no_data a:hover {
    color: #6599ff;
    padding: 5px
}

.ui-loading {
    height: 44px;
    line-height: 44px;
    overflow: hidden
}

.ui-loading a {
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    color: #ff6767;
    background-color: #f8f8f8;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -moz-transition: color .3s ease-in-out .3s, background-color .3s ease-in-out .3s;
    -o-transition: color .3s ease-in-out .3s, background-color .3s ease-in-out .3s;
    -ms-transition: color .3s ease-in-out .3s, background-color .3s ease-in-out .3s;
    transition: color .3s ease-in-out .3s, background-color .3s ease-in-out .3s
}

.ui-loading a:hover {
    background-color: #ff8d8d;
    color: #fff;
    text-decoration: none
}

.ui-loading a.on {
    cursor: default;
    background: url(../img/loading-16-16.gif) no-repeat center center #f9f9f9;
    text-indent: -9999em
}

li.feed {
    display: none
}

#navlist .navlist_a {
    padding: 0 10px;
    color: #333
}

#navlist .on {
    color: #ff6767
}

#navlist .navlist_a b, #navlist .navlist_a i {
    position: absolute;
    top: 15px;
    right: 6px;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    border: 4px dashed transparent;
    border-top: 6px solid #333
}

#navlist .navlist_a b {
    top: 13px;
    border-top: 6px solid #fff
}

#navlist .on i {
    border-top: 6px solid #ff6767
}

#navlist_sub {
    background: #fff;
    width: 990px;
    position: absolute;
    right: 0;
    top: 35px;
    z-index: 50;
    box-shadow: 0 2px 3px #ddd;
    display: none;
    overflow: hidden
}

#navlist_sub div {
    float: left;
    width: 15%;
    margin: 0 .8%;
    padding: 0 0 10px
}

#navlist_sub h4 {
    padding: 15px 0 0 0;
    width: 100%;
    font-weight: 700;
    clear: both
}

#navlist_sub h5 {
    padding: 15px 3px 0;
    width: 100%;
    font-weight: 700;
    clear: both
}

#navlist_sub ul {
    float: left;
    margin: 0 0 10px
}

#navlist_sub li {
    line-height: 160%;
    width: 47%;
    padding: 0
}

#navlist_sub li a {
    color: #333;
    font-size: 12px;
    line-height: 28px;
    height: 28px
}

#navlist_sub li a:hover {
    text-decoration: none;
    color: #ff6767
}

.main, .space_left {
    width: 640px;
    float: left;
    overflow: hidden
}

.side, .space_right {
    width: 300px;
    float: right;
    overflow: hidden
}

.main h1.title {
    font-size: 32px;
    line-height: 150%;
    text-decoration: none;
    color: #333;
    vertical-align: middle;
    padding: 20px 0;
}

.mbox {
    clear: both;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 180%;
}

.mbox h3 {
    font-size: 22px;
}

.mbox p {
    margin-bottom: 1.5em;
}

.mbox ul, .sbox ul {
    clear: both;
    margin: 20px 0 10px 0
}

.mbox li, .sbox li {
    margin-bottom: 10px;
}

.main a:hover, .main a:active, .side a:hover, .side a:active {
    text-decoration: none;
}

.sbox {
    clear: both;
    margin-bottom: 20px;
    font-size: 16px;
}

.sbox h4 {
    font-size: 22px;
}

.p1 li {
    text-align: center;
}

.p1 img {
    dispay: block;
    width: 100%;
    margin-bottom: 5px;
}

.mlist li {
    padding: 0 0 20px 0;
    clear: both
}

.mlist li h2 {
    font-size: 20px;
    line-height: 26px;
    padding: 3px 0 10px
}

.mlist li h2 em {
    color: #ba2020;
    font-style: normal
}

.mlist .pic {
    float: left;
    height: 180px;
    width: 180px;
    margin: 20px 0 0;
    overflow: hidden;
    position: relative
}

.mlist .detail {
    color: #666;
    padding: 16px 0 0 200px
}

.mlist .nopic .detail {
    padding-left: 0;
}

.mlist .detail p {
    font-size: 14px
}

.mlist .subline a {
    color: #999
}

.mlist .subcontent {
    color: #333
}

.mlist .substatus {
    color: #999;
    line-height: 30px;
}

.mlist .substatus a {
    color: #999
}

.mlist .get_nums {
    color: #999;
    display: none
}

.mlist li img {
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.mlist li:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

#article {
    margin-bottom: 40px;
}

.flist {
    clear: both;
    margin: 20px 0;
}

.flist li {
    float: left;
    margin: 0 20px 20px 0;
    text-align: center;
    width: 232px;
    height: 240px;
    overflow: hidden;
}

.flist li:nth-child(4n) {
    margin-right: 0;
}

.flist li a {
    display: block;
    overflow: hidden;
    font-size: 16px;
    text-decoration: none;
}

.flist li a i {
    display: block;
    overflow: hidden;
    width: 232px;
    height: 174px;
    margin-bottom: 5px;
}

.flist li a img {
    width: 232px;
    height: 174px;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.flist li:hover a img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.big3_list {
    width: 100%
}

.big3_list ul {
    display: block;
    width: 1040px
}

.big3_list li {
    float: left;
    margin: 0 45px 20px 0;
    text-align: center;
    width: 300px;
    height: 305px;
    overflow: hidden
}

.big3_list li a {
    display: block;
    overflow: hidden;
    text-decoration: none
}

.big3_list li a i {
    display: block;
    overflow: hidden;
    width: 300px;
    height: 250px
}

.big3_list li a img {
    width: 300px;
    height: 300px;
    margin-top: -25px;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.big3_list li:hover a img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.big3_list li a p {
    font-size: 18px;
    line-height: 120%;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.big3_list li a span {
    color: #999
}

.big4_list {
    width: 100%
}

.big4_list ul {
    display: block;
    width: 1040px
}

.big4_list li {
    float: left;
    margin: 0 23px 0 0;
    text-align: center;
    width: 230px;
    height: 305px;
    overflow: hidden
}

.big4_list li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    position: relative
}

.big4_list li a span.copyright {
    background: #333;
    background: rgba(0, 0, 0, .5);
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    height: 20px;
    left: 5px;
    line-height: 20px;
    padding: 1px 4px;
    position: absolute;
    top: 5px;
    z-index: 1
}

.big4_list li a i {
    display: block;
    overflow: hidden;
    width: 230px;
    height: 230px
}

.big4_list li a img {
    width: 230px;
    height: 230px;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.big4_list li:hover a img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.big4_list li a p {
    font-size: 18px;
    line-height: 120%;
    padding: 8px 0 2px
}

.big4_list li a span {
    color: #999
}

.big4_list li a.u {
    margin: auto;
    color: #999;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.big4_list li a.u:hover {
    color: #ff6767
}

.big4_list li a span.copyright {
    background: #333;
    background: rgba(0, 0, 0, .5);
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    height: 20px;
    left: 5px;
    line-height: 20px;
    padding: 1px 4px;
    position: absolute;
    top: 5px;
    z-index: 1
}

#bdshare {
    display: none
}

.sharebox {
    clear: both;
    float: left;
    width: 640px;
    padding: 20px 0;
}

.sharebox li {
    clear: none;
    float: left;
    width: 90px;
}

.sharebox li.shar {
    width: 150px;
}

.sharebox li.shareline {
    width: 1px;
    border-right: 1px solid #ddd;
    height: 30px;
    margin: 2px 10px;
    overflow: hidden;
}

.sharebox li a {
    display: block;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    font-size: 12px;
    text-decoration: none;
}

.sharebox li a i {
    width: 30px;
    height: 30px;
    display: block;
    margin: 2px auto;
    background: transparent url(../img/i.png) no-repeat;
    background: rgba(0, 0, 0, 0) url(../img/ix2.png) no-repeat scroll 0 0/auto 30px
}

.sharebox li.fav a i {
    background-position: 0 0
}

.sharebox li.fav a.on i, .sharebox li.fav a:hover i {
    background-position: -30px 0
}

.sharebox li.lik a i {
    background-position: -210px 0
}

.sharebox li.lik a.on i, .sharebox li.lik a:hover i {
    background-position: -180px 0
}

.sharebox li a.J_s1 i {
    background-position: -60px 0
}

.sharebox li a.J_s2 i {
    background-position: -90px 0
}

.sharebox li a.J_s3 i {
    background-position: -120px 0
}

.sharebox li a.J_s4 i {
    background-position: -150px 0
}

.sharebox li a.J_col i {
    background-position: -240px 0
}

.sharebox a:hover {
    color: #ff6767;
}

.collect_d {
    border-bottom: 1px solid #eee;
    padding: 10px 0
}

.collect_dp {
    float: left;
    width: 70%
}

.collect_dp h1 {
    font-size: 32px;
    padding: 10px 0
}

.collect_dp h1 a, .collect_dp h1 a:hover {
    color: #333;
    text-decoration: none
}

.collect_dp span, .collect_dp span a {
    color: #999
}

.collect_da {
    display: block;
    float: right;
    width: 30%;
    margin: 20px 0 0
}

.collect_da li {
    float: left;
    width: 25%
}

.collect_da li a {
    display: block;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    font-size: 11px
}

.collect_da li a {
    text-decoration: none;
    color: #666
}

.collect_da li a i {
    width: 30px;
    height: 30px;
    display: block;
    margin: 2px auto;
    background: transparent url(../img/i.png) no-repeat;
    background: rgba(0, 0, 0, 0) url(../img/ix2.png) no-repeat scroll 0 0/auto 30px
}

.collect_da li.fav a i {
    background-position: 0 0
}

.collect_da li.fav a.on i, .collect_da li.fav a:hover i {
    background-position: -30px 0
}

.collect_da li a.J_s1 i {
    background-position: -60px 0
}

.collect_da li a.J_s2 i {
    background-position: -90px 0
}

.collect_da li a.J_s3 i {
    background-position: -120px 0
}

.collect_da li a.J_s4 i {
    background-position: -150px 0
}

.collect_da li a.J_col i {
    background-position: -240px 0
}

.collect_da li.lik a i {
    background-position: -210px 0
}

.collect_da li.lik a.on i, .collect_da li.lik a:hover i {
    background-position: -180px 0
}


.collect_txt {
    font-size: 14px;
    overflow: hidden;
    line-height: 20px;
    max-height: 3em
}

#collect_txt_show {
    display: none;
    padding: 1px 6px;
    text-align: right
}

#collect_txt_show a {
    color: #519af6
}

#collect_txt.collect_txt_all {
    height: auto;
    max-height: 100%
}

.taginfo_txt {
    font-size: 14px;
    display: none
}

.get_num .collect_num, .get_num .collect_num_span, .get_num .substatus .left {
    display: none
}

.ui_newlist_1 li {
    padding: 0 0 20px 0;
    clear: both
}

.ui_newlist_1 li h2 {
    font-size: 20px;
    padding: 3px 0 10px
}

.ui_newlist_1 li h2 em {
    color: #ba2020;
    font-style: normal
}

.ui_newlist_1 .pic {
    float: left;
    height: 180px;
    width: 180px;
    margin: 20px 0 0;
    overflow: hidden;
    position: relative
}

.ui_newlist_1 .pic span.copyright {
    background: #333;
    background: rgba(0, 0, 0, .5);
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    height: 20px;
    left: 5px;
    line-height: 20px;
    padding: 1px 4px;
    position: absolute;
    top: 5px;
    z-index: 1
}

.ui_newlist_1 .detail {
    color: #666;
    padding: 16px 0 0 200px
}

.ui_newlist_1 .detail p {
    font-size: 14px
}

.ui_newlist_1 .subline {
    padding: 0 0 2px 0
}

.ui_newlist_1 .subline a {
    color: #999
}

.ui_newlist_1 .subcontent {
    color: #333
}

.ui_newlist_1 .substatus {
    line-height: 30px;
    padding: 20px 0 0
}

.ui_newlist_1 .substatus .left, .ui_newlist_1 .substatus .left a {
    color: #999
}

.ui_newlist_1 .substatus .right a {
    color: #519af6
}

.ui_newlist_1 .substatus .right {
    display: none
}

.ui_newlist_1 .get_nums {
    color: #999;
    display: none
}

.ui_newlist_1 li:hover .substatus .right {
    display: block
}

.ui_newlist_1 .substatus a.right:hover {
    background: #ff6767;
    color: #fff;
    text-decoration: none
}

.ui_newlist_1 li img {
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.ui_newlist_1 li:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.new_r_list li {
    padding: 15px 0 0;
    clear: both
}

.new_r_list li .pic {
    float: left
}

.new_r_list li p {
    padding: 0 0 0 70px
}

.new_r_list li p.p90 {
    padding: 0 0 0 90px
}

.new_r_list li p a {
    font-size: 16px;
    line-height: 1.2em
}

.new_r_list li p span {
    color: #999
}

.new_r_list li img.imgLoad {
    background: #f2f2f2 url(../img/loading-16-16.gif) no-repeat scroll center center;
    display: block
}

.home_index_slider {
    position: relative;
    height: 225px;
    width: 990px;
    overflow: hidden
}

#home_index_slider {
    height: 225px;
    overflow: hidden;
    position: relative;
    width: 990px
}

#home_index_slider ul {
    display: block;
    position: relative;
    margin: 0;
    padding: 0
}

#home_index_slider li {
    display: block;
    height: 225px;
    overflow: hidden;
    position: relative;
    width: 345px;
    float: left;
    padding: 0
}

#home_index_slider li a {
    width: 300px;
    height: 225px;
    display: block;
    float: left;
    margin: 0;
    text-align: center;
    position: relative;
    overflow: hidden
}

#home_index_slider li a i {
    display: block;
    height: 225px;
    overflow: hidden;
    width: 300px
}

#home_index_slider li a img {
    height: 300px;
    margin-top: -37px;
    width: 300px;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#home_index_slider li a:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

#home_index_slider li a .os {
    width: 300px;
    height: 250px;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    filter: alpha(opacity=20);
    -moz-opacity: .2;
    -khtml-opacity: .2;
    opacity: .2
}

#home_index_slider li a p {
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 26px;
    line-height: 120%;
    display: block;
    width: 240px;
    padding: 0 30px;
    height: 75px;
    margin-top: -30px;
    text-align: center;
    z-index: 2
}

#home_index_slider li a p.line2 {
    font-size: 20px
}

#home_index_slider li a p span {
    font-size: 12px
}

.home_index_slider .nextBtn, .home_index_slider .prevBtn {
    z-index: 3;
    width: 40px;
    height: 50px;
    position: absolute;
    background-color: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    overflow: hidden;
    text-indent: -9999em;
    top: 87.5px;
    left: 0;
    cursor: pointer
}

.home_index_slider .nextBtn:hover, .home_index_slider .prevBtn:hover {
    text-decoration: none;
    opacity: .7;
    filter: alpha(opacity=70);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.home_index_slider .nextBtn i, .home_index_slider .prevBtn i {
    display: block;
    background: url(../img/arrow.png) no-repeat;
    width: 18px;
    height: 35px;
    margin: 7px 0 0 11px
}

.home_index_slider .nextBtn {
    left: auto;
    right: 0
}

.home_index_slider .nextBtn i {
    background-position: -18px 0
}

.home_index_slider .controls {
    display: none
}

.recipe_index_n10 {
    text-align: center;
}

.recipe_index_n10 a {
    float: left;
    width: 99px;
    text-align: center;
    text-decoration: none;
    font-size: 14px
}

.recipe_index_n10 a img {
    width: 50px;
    height: 50px;
    margin: 0 auto 5px;
    background: #f2f2f2 url(../img/loading-16-16.gif) no-repeat scroll center center;
    border-radius: 50%
}

#recipeindex_info {
    margin: 30px 0 0 0
}

#recipeindex_info_wrap {
    background: #fff;
    padding: 10px 0 5px;
    width: 990px;
    overflow: hidden
}

#recipeindex_living ul {
    display: none
}

#recipeindex_living ul.on {
    display: block
}

.category_sub {
    margin: 0 0 30px 0;
    width: 100%;
    overflow: hidden;
    background: #f8f8f8;
    position: relative;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA
}

.category_sub h3 {
    float: left;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 186px;
    color: #666
}

.category_sub ul {
    width: 804px;
    float: right;
    background: #fff;
    margin-bottom: -1px;
    overflow: hidden
}

.category_sub li {
    float: left;
    position: relative
}

.category_sub a {
    float: left;
    height: 70px;
    line-height: 64px;
    width: 133px;
    border-left: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    font-size: 20px;
    color: #333;
    text-decoration: none;
    text-align: center;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.category_sub a:hover {
    background: #F8F8F8
}

.category_sub span {
    line-height: 20px;
    position: absolute;
    bottom: 7px;
    font-size: 12px;
    color: #999;
    width: 100%;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.userTop {
    padding: 15px 0 10px 0
}

.userTop h1 {
    float: left;
    width: 535px;
    line-height: 36px;
    padding: 5px 0 0
}

.userTop a.uright {
    float: right;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px
}

.userTop a#recipe_title {
    font-size: 32px;
    text-decoration: none;
    color: #333;
    vertical-align: middle
}

.userTop a {
    color: #999;
    text-decoration: none
}

.userTop a:hover {
    color: #ff6767
}

.userTop .userName {
    font-size: 12px
}

.userTop img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: block;
    margin: 0 auto 2px
}

.userTop .rtime {
    float: right;
    color: #999;
    line-height: 26px
}

.userTop h1 span.copyright {
    background: #ff6767;
    vertical-align: middle;
    color: #fff;
    border-radius: 4px;
    padding: 1px 5px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
}

.space_box_home {
}

.space_box_home .recipDetail .recipe_De_title {
    padding: 20px 0;
    font-size: 24px
}

.space_box_home .recipDetail .recipe_De_imgBox {
    background: url(../img/bg_89.jpg);
    text-align: center;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.space_box_home .recipDetail .recipe_De_imgBox p {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 180px;
    height: 46px;
    background: #000;
    margin-left: -90px;
    margin-top: -23px;
    border-radius: 5px;
    overflow: hidden
}

.space_box_home .recipDetail .recipe_De_imgBox p .De_photo {
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    text-align: left;
    padding-left: 73px;
    letter-spacing: .1em
}

.space_box_home .recipDetail .recipe_De_imgBox p .De_bg {
    display: block;
    float: left;
    height: 100%;
    background: url(../img/log_14.png) no-repeat scroll 30px -272px #000;
    width: 80px
}

.space_box_home .recipDetail .block_txt {
    margin: 30px 0 0 0;
    font-size: 16px
}

.space_box_home .recipDetail .block_txt .txt_tart {
    text-indent: -10px
}

.space_box_home .recipDetail .block_txt .txt_end, .space_box_home .recipDetail .block_txt .txt_tart {
    font-size: 40px;
    font-family: "宋体", "Hiragino Sans GB", STHeiti, "微软雅黑", "Microsoft YaHei";
    color: #bfbfbf;
    height: 16px;
    line-height: 100%;
    width: 30px;
    overflow: hidden;
    display: inline-block;
+ zoom: 1;
+ display: inline;
+ line-height: 40 px
}

.ui_nav_box2 .ui_title_wrap a.right {
    float: right;
    font-size: 12px;
    margin: 0;
    color: #999;
    padding: 0;
    border: none
}

a.J_photo {
    display: block;
    font-size: 0;
    height: auto;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 640px
}

a.J_photo span {
    display: inline-block;
    font-size: 0;
    height: 100%;
    line-height: 0;
    margin-left: -1px;
    overflow: hidden;
    vertical-align: middle;
    width: 0
}

a.J_photo img {
    max-width: 100%
}

#addtocollect {
    padding: 20px
}

#addtocollect div.line {
    padding: 5px 0
}

#addtocollect div.line span {
    color: #5b5b5b;
    font-size: 12px
}

#addtocollect div.line span.gay {
    color: #ccc
}

#addtocollect div.line a {
    color: #6599ff;
    font-size: 12px
}

#addtocollect select {
    display: none;
    font-size: 14px
}

#addtocollect textarea {
    vertical-align: sub;
    width: 270px;
    height: 90px;
    color: #ccc;
    border: 1px solid #ccc;
    padding: 5px;
    line-height: 130%
}

#addtocollect textarea.color_5b {
    color: #5b5b5b
}

h3.recipe_De_title {
    display: none
}

.recipeTag {
    padding: 10px 0;
    color: #999
}

.recipeTag a {
    color: #519af6;
    padding: 0 5px
}

.recipeTag a:hover {
    color: #519af6;
    text-decoration: underline
}

.particulars {
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0
}

.particulars legend {
    font-size: 16px;
    margin: 0 35px;
    padding: 0 10px
}

.particulars .recipeCategory_sub_R ul {
    border: none
}

.recipeCategory_sub_R {
    width: 100%
}

.recipeCategory_sub_R ul {
    display: block;
    float: left;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.recipeCategory_sub_R li {
    float: left;
    width: 159px;
    text-align: center;
    height: 70px;
    position: relative;
}

.recipeCategory_sub_R li .category_s1 {
    display: block;
    font-size: 20px;
    width: 100%;
    height: 40px;
    line-height: 45px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666
}

.recipeCategory_sub_R li .category_s1 a {
    display: block;
    width: 100%;
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none
}

.recipeCategory_sub_R li .category_s1 a:hover {
    color: #ff6767
}

.recipeCategory_sub_R li .category_s1 a b {
    font-weight: normal;
}

.recipeCategory_sub_R li .category_s1 a b:before {
    content: '';
    width: 15px;
    display: inline-block;
}

.recipeCategory_sub_R li .category_s1 a b:after {
    background: url(../img/link12.png) no-repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) url(../img/link24.png) no-repeat scroll 0 0/12px auto;
    content: "";
    display: inline-block;
    height: 12px;
    margin: -2px 0 0 4px;
    vertical-align: middle;
    width: 12px
}

.recipeCategory_sub_R li .category_s1 a:hover b:after {
    background: url(../img/link12.png) no-repeat scroll 0 -12px;
    background: rgba(0, 0, 0, 0) url(../img/link24.png) no-repeat scroll 0 -12px/12px auto
}

.recipeCategory_sub_R li:hover {
}

.recipeCategory_sub_R li .category_s2 {
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-align: center;
    width: 84%;
    margin: 0 auto;
}

.recipeStep li {
    display: block;
    margin: 0 0 40px 0
}

.recipeStep li .recipeStep_img {
    width: 240px;
    display: inline-block;
    zoom: 1;
    position: relative
}

.recipeStep li .noStep_img {
    height: 30px;
    width: 52px
}

.recipeStep li .recipeStep_img img {
    width: 220px;
    background: url(../img/load.png) no-repeat scroll center center #f8f8f8
}

.recipeStep li .recipeStep_word {
    position: relative;
    width: 390px;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    font-size: 18px
}

.recipeStep li .noStep_word {
    width: 100%
}

.recipeStep_num {
    border: 1px solid #ddd;
    color: #999;
    border-radius: 50%;
    font-size: 16px;
    height: 28px;
    left: 0;
    line-height: 28px;
    position: absolute;
    text-align: center;
    top: -44px;
    width: 28px
}

.recipeStep_zoom {
    display: none;
    background: url(../img/zoom.png) no-repeat;
    bottom: 3px;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 42px;
    width: 20px
}

.recipeTip {
    font-size: 16px
}

.recipeArction {
    padding: 15px 0
}

#recipe_addcolist {
    height: 17px;
    line-height: 17px;
    text-decoration: none;
    float: left;
    background: #ba2020;
    border: 1px solid #ba2020;
    color: #fff;
    border-radius: 3px;
    padding: 0 10px;
    margin: 6px 1px 6px 0
}

.collectTitle h2 {
    float: left;
    font-size: 24px;
    color: #333;
    line-height: 24px;
    padding: 10px 0
}

.collectTitle span {
    float: left;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    padding: 10px
}

.collectArction {
    padding: 15px 0
}

p.J_photo {
    display: none
}

.recipeArction .collect_da {
    display: block;
    float: none;
    margin: auto;
    width: 582px
}

.recipeArction .collect_da li {
    float: left;
    width: 80px
}

.recipe_topic {
    overflow: hidden
}

.recipe_topic ul {
    width: 666px
}

.recipe_topic li {
    float: left;
    float: left;
    margin: 0 12px 20px 0;
    width: 120px
}

.recipe_topic li a {
    display: block;
    text-decoration: none
}

.recipe_topic li a span {
    background: #fafafa;
    color: #585858;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    text-align: center;
    width: 120px;
    display: block;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recipe_topic li a:hover span {
    background: #E9E9E9;
    text-decoration: none
}

.a_main_recipe {
    margin: 20px 0 0 0
}

.a_main_recipe > div {
    float: left;
    padding: 0 0 15px;
    width: 16.66%;
    font-size: 14px;
    color: #ccc
}

.a_main_recipe > div h5 {
    font-size: 14px;
    color: #ba2020;
    padding: 0 0 5px 0
}

.recipeH5line3 h5 {
    color: #ba2020;
    font-size: 14px
}

.recipeH5line3 li {
    width: 33.3%;
    float: left;
    font-size: 14px
}

.sPic2List6 {
    overflow: hidden;
    width: 100%
}

.sPic2List6 .Pic {
    float: left;
    width: 46.5%
}

.sPic2List6 .Pic a {
    display: block;
    margin: 10px 10px 0 0
}

.sPic2List6 ul {
    float: left;
    width: 50%;
    padding: 5px 0 0
}

.sPic2List6 li {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 240%
}

.sPic2 {
    overflow: hidden;
    width: 100%
}

.sPic2 ul {
    display: block;
    width: 320px
}

.sPic2 ul li {
    width: 140px;
    margin: 20px 20px 0 0;
    float: left
}

.sList2 {
    overflow: hidden;
    width: 100%
}

.sList2 ul {
    padding: 10px 0 0 0
}

.sList2 li {
    float: left;
    width: 48%;
    padding: 0 2% 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 180%
}

.sList4 {
    overflow: hidden;
    width: 100%
}

.sList4 ul {
    padding: 10px 0 0 0
}

.sList4 li {
    float: left;
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 180%
}

.kanbox {
    clear: both;
    float: left;
    width: 650px;
    padding: 10px 0 20px 0
}

.kanbox a {
    clear: both;
    float: left;
    width: 650px;
    display: block;
    border: 1px solid #f0f0f0;
    border-left: none;
    border-right: 0
}

.kanbox .kanpic {
    clear: none;
    float: left;
    width: 110px;
    color: #ba2020
}

.kanbox .kandetail {
    clear: none;
    float: left;
    width: 460px
}

.kandetail h4 {
    width: 440px;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px
}

.kandetail div {
    width: 440px;
    font-size: 12px;
    color: #777
}

.kanbox a:active .kandetail div, .kanbox a:hover .kandetail div {
    color: #555
}

.kandetail p {
    width: 440px;
    font-size: 12px;
    color: #aaa
}

.kanbox a:active .kandetail p, .kanbox a:hover .kandetail p {
    color: #999
}

.kanactive {
    clear: none;
    float: left;
    width: 80px;
    padding-top: 19px;
    text-align: right
}

.kankan {
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 30px;
    background: #ff8f30;
    color: #fff;
    font-size: 18px;
    line-height: 58px
}

.kanbox a:active .kankan, .kanbox a:hover .kankan {
    background: #f50
}

#path, #path2 {
    clear: both;
    color: #666;
    border-bottom: 1px solid #ddd;
    padding: 5px 0 10px
}

#path a, #path2 a {
    color: #666
}

#path a.on, #path a:hover {
    color: #ff6767
}

#path ins {
    float: right;
    text-decoration: none
}


.pai_zhen {
    background: #eee;
    margin: 20px auto 0;
    height: 60px;
    width: 382px
}

.pai_zhen a img {
    margin: 0 10px 0 0;
    float: left;
    width: 58px;
    margin: 1px
}

.pai_zhen div {
    width: 225px;
    float: left;
    padding: 0 10px
}

.pai_zhen div a {
    display: block;
    font-size: 14px;
    padding: 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pai_zhen div span {
    color: #ff6767
}

.pai_zhen p a {
    display: block;
    float: right;
    width: 60px;
    height: 60px;
    background: #e5e5e5
}

.pai_zhen p a:hover {
    background: #e5e5e5
}

.pai_zhen p img {
    margin: 15px;
    float: right;
    width: 30px
}

.collect_da3 {
    width: 100%;
    margin: 0;
}

.recipe_rlist li {
    height: 60px;
    padding: 15px 0 0 0;
    clear: both;
}

.recipe_rlist li a {
    height: 100%;
    display: block;
}

.recipe_rlist img {
    width: 60px;
    height: 60px;
    float: left;
    margin: 0 10px 0 0;
}

.recipe_rlist .t3 {
    font-size: 16px;
}

.left3_list {
    width: 100%
}

.left3_list ul {
    display: block;
    width: 666px
}

.left3_list li {
    float: left;
    margin: 0 20px 0 0;
    text-align: center;
    width: 200px;
    height: 275px;
    overflow: hidden
}

.left3_list li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    position: relative
}

.left3_list li a span.copyright {
    background: #333;
    background: rgba(0, 0, 0, .5);
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    height: 20px;
    left: 5px;
    line-height: 20px;
    padding: 1px 4px;
    position: absolute;
    top: 5px;
    z-index: 1
}

.left3_list li a i {
    display: block;
    overflow: hidden;
    width: 200px;
    height: 200px
}

.left3_list li a img {
    width: 200px;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.left3_list li:hover a img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.left3_list li a p {
    font-size: 18px;
    line-height: 120%;
    padding: 8px 0 2px
}

.left3_list li a p em {
    font-style: normal
}

.left3_list li a span {
    color: #999
}

.left3_list li a.u {
    margin: auto;
    color: #999;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.left3_list li a.u:hover {
    color: #ff6767
}

.left3_list li span.mf {
    border: 1px solid #ff6767;
    display: inline-block;
    margin: auto;
    border-radius: 3px;
    color: #ff6767;
    font-size: 11px;
    padding: 0 4px;
    margin: 3px 0 0 0
}

.left3_list li a .tit {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 8px 0 1px
}

.gongxiao_r {
    width: 100%;
    overflow: hidden;
}

.gongxiao_r div {
    width: 333px;
}

.gongxiao_r div a {
    float: left;
    width: 88px;
    border: 1px solid #eee;
    margin: 15px 15px 0 0;
    text-align: center;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comment-post {
    position: relative;
    zoom: 1
}

.comment-login, .comment-login-text, .comment-post-loading {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.comment-login {
    height: 100%;
    background: #ccc;
    z-index: 101;
    opacity: 0;
    filter: alpha(opacity=0)
}

.comment-login-text {
    z-index: 102;
    text-align: center;
    font-size: 14px;
    padding-top: 40px
}

.comment-login-text a {
    color: #069;
    padding-right: 6px
}

.comment-wrap .islogin .comment-login, .comment-wrap .islogin .comment-login-text {
    display: none
}

.comment-post-loading {
    display: none;
    z-index: 100;
    height: 100%;
    background: url(../img/loading-32-32.gif) center no-repeat
}

.comment-wrap .loading .comment-post-loading {
    display: block
}

.comment-post .arrow {
    display: none
}

.comment-post-text {
    border: 1px solid #ccc;
    padding: 5px 0 5px 5px;
    background-color: #fff
}

.comment-post-focus {
    box-shadow: 2px 2px 3px #f0f0f0 inset
}

.comment-post-text-inner {
    width: 100%
}

.comment-wrap .text {
    overflow: hidden;
    overflow-y: auto;
    height: 90px;
    line-height: 20px;
    font-size: 14px;
    width: 100%;
    border: 0;
    outline: 0;
    vertical-align: top
}

.comment-post-tools {
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-top: 0;
    font-size: 0
}

.comment-post-tools a, .comment-post-tools span {
    display: inline-block;
    font-size: 12px
}

.comment-post-tools .tips {
    color: #999
}

.comment-smilies-a {
    width: 24px;
    height: 24px;
    background-image: url(../img/smilies-icon.gif);
    margin: 3px 10px 0 3px;
    border: 1px solid #eee;
    vertical-align: top
}

.comment-post-tools .comment-btn {
    background-color: #ff6767;
    padding: 0 26px;
    color: #fff;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    vertical-align: top
}

.comment-post-tools .comment-btn:hover {
    color: #fff
}

.comment-nav {
    clear: both;
    overflow: hidden;
    height: 30px;
    border-left: 2px solid #ff6767;
    padding-left: 10px;
    line-height: 30px
}

.comment-nav .left {
    font-size: 16px;
    font-weight: bold;
}

.comment-nav strong {
    color: #666
}

.comment-nav .right a {
    color: #666;
    padding-left: 10px;
    font-size: 14px
}

.comment-nav .right a.on {
    color: red
}

.comment-list li {
    clear: both;
    overflow: hidden;
    border-bottom: 1px dotted #e4e4e4;
    padding: 10px 0;
    position: relative;
    background-color: #fff;
    vertical-align: top;
    zoom: 1
}

.comment-list .pic {
    width: 48px;
    float: left
}

.comment-list .pic a {
    display: block
}

.comment-list .pic img {
    background: #f2f2f2 url("../img/loading-16-16.gif") no-repeat scroll center center;
    border-radius: 50%
}

.comment-list .detail {
    padding-left: 58px
}

.comment-list .quote {
    border-left: 3px solid #f0f0f0;
    padding-left: 3px;
    margin-bottom: 6px
}

.comment-list .quote span {
    background-color: #f8f8f8;
    padding: 5px;
    display: block;
    color: #666
}

.comment-list .quote b {
}

.comment-list .tools {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    zoom: 1
}

.comment-list .tools span {
    color: #666;
    padding-left: 10px
}

.comment-list .tools .right a {
    padding-left: 10px
}

.comment-list .content {
    padding-top: 5px;
    font-size: 14px
}

.comment-reply {
    background-color: #f3f3f3;
    padding: 10px;
    margin-top: 20px
}

.comment-cid a, .comment-loading {
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    background-color: #f0f0f0
}

.comment-reply .arrow {
    position: absolute;
    display: block;
    left: 10px;
    top: -20px;
    border-width: 10px;
    border-bottom: 10px solid #f0f0f0
}

.comment-edit {
    margin-top: 10px
}

.comment-cid {
    display: none
}

.comment-cid a {
    display: block;
    height: 30px
}

.comment-list .data-error {
    display: none;
    font-size: 14px;
    line-height: 30px
}

.comment-list .data-error a {
    color: #069;
    padding: 0 5px
}

.comment-befrom {
    padding-top: 5px;
    color: #999;
    font-size: 11px
}

.comment-befrom a {
    color: #999
}

.comment-list .tools div.left > a {
    color: #6599ff
}

.comment-list .content img.imgLoad {
    margin: 10px 0 0 0;
    width: auto;
    max-width: 550px;
    *width: 550px;
}